<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Genghis</title>
        <link rel="shortcut icon" type="image/png" href="<%= favicon_uri %>">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Rokkitt:400,700|Source+Code+Pro">
        <link type="text/css" rel="stylesheet" href="{{ base_url }}/assets/style.css?v={{ genghis_version }}">
        <script type="text/javascript" src="{{ base_url }}/assets/script.js?v={{ genghis_version }}"></script>
        <script type="text/javascript">jQuery(function() { Genghis.boot('{{ base_url }}'); });</script>
    </head>
    <body>
        <header class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container fixed">
                    <a class="magic brand" href="{{ base_url }}/">Genghis</a>
                    <nav></nav>
                </div>
            </div>
        </header>

        <noscript><h1>You won&#146;t get far in life without JavaScript&hellip;</h1></noscript>

        <section id="genghis" class="container fluid">
            <aside id="alerts"></aside>
            <section id="servers"     class="app-section"></section>
            <section id="databases"   class="app-section"></section>
            <section id="collections" class="app-section"></section>
            <section id="documents"   class="app-section"></section>
            <section id="document"    class="app-section"><header></header></section>
            <section id="error"       class="app-section"></section>
        </section>

        <footer id="footer" class="container">
            <p><a href="http://genghisapp.com">Genghis</a>, by <a href="http://justinhileman.info">Justin Hileman</a>.</p>
            <p><a class="keyboard-shortcuts" href="#">Keyboard shortcuts available <img src="<%= keyboard_uri %>"></a></p>
        </footer>
    </body>
</html>